<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Polaroid Photo Viewer with jQuery and CSS3</title>
<link rel="stylesheet" type="text/css" href="polaroid/style.css" />
<script type="text/javascript" src="polaroid/jsapi.js"></script>
<script type="text/javascript" src="polaroid/script.js"></script>
<script type="text/javascript" src="../js/jquery-1.6.1.min.js"></script>
<script src="../js/jquery-ui.js" type="text/javascript"></script>
</head>
<body>
<div style="width: 600px; height: 300px;">
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic001.gif" alt="Colloseum" /></div>
<div style="z-index: 9;" class="polaroid ui-draggable"><img
	src="../image/cas_pic002.gif" alt="Vatican" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic003.gif" alt="Forum Romanum" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic004.gif" alt="Fiat 500" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic005.gif" alt="Me and my girl in Florance" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic006.gif" alt="Venetian Gondolas" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic007.gif" alt="Pizza" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic008.gif" alt="Swimming pool" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic009.gif" alt="Florence" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic0010.gif" alt="Tower of Pisa" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic0011.gif" alt="Tower of Pisa" /></div>
<div class="polaroid ui-draggable"><img
	src="../image/cas_pic0012.gif" alt="Tower of Pisa" /></div>
</div>
</body>
</html>